<template>
  <div style="margin-left:20px;margin-top:20px;">
    <div style="margin-bottom: 20px;">
      <el-button type="primary" size="small" @click="disabled=!disabled">{{ disabled? '开启':'禁用' }}</el-button>
    </div>
    <icon-picker
      v-model="selectValue"
      :disabled="disabled"
    />
  </div>
</template>

<script>
import IconPicker from '@/components/IconPicker'
export default {
  name: 'icon',
  components: {
    IconPicker
  },
  data() {
    return {
      selectValue: 'bug',
      disabled: false
    }
  },
  watch: {
    selectValue(val) {
      console.log(val)
    }
  }
}
</script>

<style scoped>
</style>
